<div class="mb-[10px] title-back" style="color: #5394f2;font-size: 16px">
	{{ shipInfo?.shipNameZh }}-{{ shipInfo?.voyage }}-{{ shipInfo?.billNo }}
</div>
<div class="flex flex-col w-full h-full">
	<div class="flex w-full flex-1 border-b-[1px] border-solid border-grey">
		<nz-card [nzBodyStyle]="{ padding: '12px 12px 0px 12px' }" [nzBordered]="false" class="card-table">
			<st
				#st1
				[size]="'small'"
				class="hover-table fix-table st-odd-table"
				[resizable]="true"
				[scroll]="{ y: 'calc(100vh - 265px)' }"
				[data]="retreatSetDataList"
				[columns]="retreatSetColumns"
				[page]="retreatSetPageSetting"
				[total]="this.retreatSetPageInfo.total"
				[ps]="this.retreatSetPageInfo.size"
				[pi]="this.retreatSetPageInfo.current"
				[loading]="this.retreatSetPageInfo.loading"
				(change)="storageStChange($event)"
				[clickRowClassName]="sa"
			>
			</st>
		</nz-card>
	</div>
	<div class="flex w-full flex-col flex-1">
		<nz-card [nzBodyStyle]="{ padding: '12px 12px 0px 12px' }" [nzBordered]="false" class="card-table">
			<st
				#st2
				[size]="'small'"
				class="hover-table fix-table st-odd-table"
				[resizable]="true"
				[scroll]="{ y: 'calc(100vh - 265px)' }"
				[data]="tallyDataList"
				[columns]="tallyColumns"
				[page]="tallyPageSetting"
				[total]="this.tallyPageInfo.total"
				[ps]="this.tallyPageInfo.size"
				[pi]="this.tallyPageInfo.current"
				[loading]="this.tallyPageInfo.loading"
				(change)="tallyStChange($event)"
				[header]="header"
				[clickRowClassName]="sa"
			>
				<ng-template st-row="tallyType" let-item>
					<div *ngIf="item?.stockType === 'ost'">
						{{ item?.tallyTypeName }}
					</div>

					<a class="text-blue-600 underline" *ngIf="item?.stockType === 'tst'" (click)="showTstDetail(item)">
						{{ item?.tallyTypeName }}
					</a>
				</ng-template>
				<ng-template #header>
					<div class="text-lg">
						{{ selectedStorage?.positionName }} - {{ selectedStorage?.spot }} - 提货记录
					</div>
				</ng-template>
			</st>
		</nz-card>
	</div>
</div>


